@import './common/color';

//左边菜单，标题圆角
.catListTitle, #profile_block, .catListTag, .sidebar-block {
  border-radius: 10px 10px 0 0;
}

//首页的文章列表添加圆角
#mainContent .forFlow .day {
  border-radius: 10px;
}

#sidebar_imagecategory {
  padding-top: 0;
}

#profile_block {
  margin-top: 10px !important;
}

.day {
  margin-bottom: 20px !important;
}

.postTitle {
  font-weight: bold !important;
}

.Cal {
  border: solid @main 1px;
}

.CalNextPrev {
  text-align: center !important;
}

.CalTitle {
  font-weight: bold;
}

// 隐藏搜索框
#sidebar_search {
  display: none;
}

.topicListFooter .pager {
  height: 70px;
  line-height: 70px;
}

// 底部版权添加背景颜色
#footer {
  background-color: @bg1;
  margin-bottom: 0;
  color: @main-t-w;
}

// 顶部的名字添加前缀后缀
#Header1_HeaderTitle {
  &:after {
    content: "≧▽≦ ";
  }

  &:before {
    content: " ≧▽≦";
  }
}

#blogCalendar u {
  background-color: @bg1;
  color: @main-t-w;
  padding: 3px;
  border-radius: 6px;
}

// 自定义markdown的样式
.cnblogs-markdown {
  #hr {
    margin-bottom: 25px;
    border: none;
    border-bottom: 2px solid @main !important;
  }

  h1, h2, h3, h4, h5, h6 {
    padding: 10px;
    font-weight: bold;
    line-height: 1.2;
    margin: 2em 0 0.5em !important;
    border: dashed 3px @main;
  }

  h1 {
    font-size: 2rem !important;
    line-height: 2.5rem !important
  }

  h2 {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
  }

  h3 {
    font-size: 1.25rem !important;
    line-height: 1.5rem !important;
  }

  h4 {
    font-size: 1rem !important;
    line-height: 1rem !important;
  }

  h5 {
    font-size: 0.75rem !important;
    line-height: 1rem !important;
  }

  h6 {
    font-size: 0.5rem !important;
    line-height: 1rem !important;
  }

  table {
    display: table;
    width: 100%;

    th {
      display: table-cell;
    }

    thead {
      text-align: left;

      th {
        background-color: #eee !important;
        font-size: 15px;
      }
    }
  }

  code {
    background-color: @main-t-w !important;
    border: 1px solid @main !important;
    border-radius: 0 !important;

  }

  pre {
    margin: 15px 0;

    code {
      padding: 20px !important;
    }

  }

  blockquote {
    display: block;
    padding: 16px;
    margin: 0 0 24px;
    border-left: 8px solid @main !important;
    background-color: @bg2;
    overflow: auto;
    word-break: break-word !important;
    color: @main-t-b;
  }

  em {
    padding: 0 5px;
    background-color: @bg1;
    color: white;
  }
}

.cnblogs-post-body {
  .hljs {
    padding: 20px !important;
  }

  code {
    background-color: #fff !important;
    border: 1px solid #169fe6 !important;
    border-radius: 0 !important;
  }
}

// 右侧的固定的菜单按钮
.fixed_btn {
  right: 100px;
  bottom: 100px;
  position: fixed;
  font-size: 1.5em;
  line-height: 50px;
  text-align: center;

  a {
    color: @main-t-w;
    cursor: pointer;
    text-decoration: none;
    display: block;
    width: 50px;
    height: 50px;
    background: @bg1;
    -moz-box-shadow: 0 0 20px @ts;
    -webkit-box-shadow: 0 0 20px @ts;
    box-shadow: 0 0 20px @ts;
    margin-bottom: 20px;
    border-radius: 50%;

    &:hover {
      -moz-box-shadow: 0 0 25px @ts;
      -webkit-box-shadow: 0 0 25px @ts;
      box-shadow: 0 0 25px @ts;
    }
  }
}

// 自动签名文字
#MySignature {
  text-shadow: 2px 1px 20px @ts;
}

/** 字体图标 */
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1621623_kl8war6fcy.eot');
  src: url('//at.alicdn.com/t/font_1621623_kl8war6fcy.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1621623_kl8war6fcy.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1621623_kl8war6fcy.woff') format('woff'),
  url('//at.alicdn.com/t/font_1621623_kl8war6fcy.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1621623_kl8war6fcy.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 20px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

// 网页变灰色
.grayscale {
  filter: grayscale(100%);
}

// 2021年颜色
.year-2021 {
  .post {
    #hr {
      border-bottom: 2px solid @main-2021 !important;
    }

    h1, h2, h3, h4, h5, h6 {
      border: dashed 3px @main-2021;
    }

    // 去除文章标题的框
    h1.postTitle {
      border: none;
    }

    table {
      thead {
        th {
          background-color: @bg-2021 !important;
        }
      }
    }

    code {
      background-color: @bg-2021 !important;
      border: 1px solid @main-2021 !important;
    }

    blockquote {
      border-left: 8px solid @main-2021 !important;
      background-color: @bg-2021;
      color: @main-t-b-2021;

      p {
        color: @main-t-b-2021;
      }
    }

    em {
      background-color: @main-2021;
      color: white;
    }
  }
}
// 2022年颜色
.year-2022 {

  // 文章内容
  .post {
    #hr {
      border-bottom: 2px solid @main-2022 !important;
    }

    h1, h2, h3, h4, h5, h6 {
      border: dashed 3px @main-2022;
    }

    // 去除文章标题的框
    h1.postTitle {
      border: none;
    }

    table {
      thead {
        th {
          background-color: @bg-2022 !important;
        }
      }
    }

    code {
      background-color: @bg-2022 !important;
      border: 1px solid @main-2022 !important;
    }

    blockquote {
      border-left: 8px solid @main-2022 !important;
      background-color: @bg-2022;
      color: @main-t-b-2022;

      p {
        color: @main-t-b-2022;
      }
    }

    em {
      background-color: @main-2022;
      color: white;
    }
  }

  // navigator 博客导航栏
  #navigator {
    background-color: @main-2022;
  }

  // sideBar 侧边栏容器
  #sideBar {
    .catListTitle,
    .sidebar-block h3 {
      background-color: @main-2022;
      border: 1px solid @main-2022;
    }
  }

  // 底部版权css
  #footer {
    background-color: @main-2022;
  }

  // 右侧固定按钮
  .fixed_btn {
    a {
      background: @main-2022;
    }
  }
}
// 2023年颜色
.year-2023 {

  // 文章内容
  .post {
    #hr {
      border-bottom: 2px solid @main-2023 !important;
    }

    h1, h2, h3, h4, h5, h6 {
      border: dashed 3px @main-2023;
    }

    // 去除文章标题的框
    h1.postTitle {
      border: none;
    }

    table {
      thead {
        th {
          background-color: @bg-2023 !important;
        }
      }
    }

    code {
      background-color: @bg-2023 !important;
      border: 1px solid @main-2023 !important;
    }

    blockquote {
      border-left: 8px solid @main-2023 !important;
      background-color: @bg-2023;
      color: @main-t-b-2023;

      p {
        color: @main-t-b-2023;
      }
    }

    em {
      background-color: @main-2023;
      color: white;
    }
  }

  // navigator 博客导航栏
  #navigator {
    background-color: @main-2023;
  }

  // sideBar 侧边栏容器
  #sideBar {
    .catListTitle,
    .sidebar-block h3 {
      background-color: @main-2023;
      border: 1px solid @main-2023;
    }
  }

  // 底部版权css
  #footer {
    background-color: @main-2023;
  }

  // 右侧固定按钮
  .fixed_btn {
    a {
      background: @main-2023;
    }
  }
}
// 2024年颜色
.year-2024 {

  // 文章内容
  .post {
    #hr {
      border-bottom: 2px solid @main-2024 !important;
    }

    h1, h2, h3, h4, h5, h6 {
      border: dashed 3px @main-2024;
    }

    // 去除文章标题的框
    h1.postTitle {
      border: none;
    }

    table {
      thead {
        th {
          background-color: @bg-2024 !important;
        }
      }
    }

    code {
      background-color: @bg-2024 !important;
      border: 1px solid @main-2024 !important;
    }

    blockquote {
      border-left: 8px solid @main-2024 !important;
      background-color: @bg-2024;
      color: @main-t-b-2024;

      p {
        color: @main-t-b-2024;
      }
    }

    em {
      background-color: @main-2024;
      color: white;
    }
  }

  // navigator 博客导航栏
  #navigator {
    background-color: @main-2024;
  }

  // sideBar 侧边栏容器
  #sideBar {
    .catListTitle,
    .sidebar-block h3 {
      background-color: @main-2024;
      border: 1px solid @main-2024;
    }
  }

  // 底部版权css
  #footer {
    background-color: @main-2024;
  }

  // 右侧固定按钮
  .fixed_btn {
    a {
      background: @main-2024;
    }
  }
}
// 2025年颜色
.year-2025 {

  // 文章内容
  .post {
    #hr {
      border-bottom: 2px solid @main-2025 !important;
    }

    h1, h2, h3, h4, h5, h6 {
      border: dashed 3px @main-2025;
    }

    // 去除文章标题的框
    h1.postTitle {
      border: none;
    }

    table {
      thead {
        th {
          background-color: @bg-2025 !important;
        }
      }
    }

    code {
      background-color: @bg-2025 !important;
      border: 1px solid @main-2025 !important;
    }

    blockquote {
      border-left: 8px solid @main-2025 !important;
      background-color: @bg-2025;
      color: @main-t-b-2025;

      p {
        color: @main-t-b-2025;
      }
    }

    em {
      background-color: @main-2025;
      color: white;
    }
  }

  // navigator 博客导航栏
  #navigator {
    background-color: @main-2025;
  }

  // sideBar 侧边栏容器
  #sideBar {
    .catListTitle,
    .sidebar-block h3 {
      background-color: @main-2025;
      border: 1px solid @main-2025;
    }
  }

  // 底部版权css
  #footer {
    background-color: @main-2025;
  }

  // 右侧固定按钮
  .fixed_btn {
    a {
      background: @main-2025;
    }
  }
}
